<script>
export default {
  name: "helpPopup",
  methods: {
    open() {
      this.$refs.popup.open();
    },
  },
};
</script>

<template>
  <uni-popup ref="popup" type="bottom">
    <view class="content">
      <view class="header">
        <image
          class="close-btn"
          src="/static/close.png"
          @click="$refs.popup.close()"
        ></image>
      </view>
			<view class="header-placeholder"></view>
      <view class="title">什么是直推？</view>
			<view class="text">您直接邀请的用户即是你的直推会员，举个栗子：你是用户A，B用户通过你的链接分享点解进入或者通过您个人推荐码扫码进入，即B用户是你的直推会员</view>
      <view class="title">什么是间推？</view>
			<view class="text">您邀请的用户邀请了新的会员，即新邀请的会员是你的间推会员，举个栗子：你是用户A，您邀请了B用户，B用户又邀请了C用户，即C用户是你的间推会员</view>
      <view class="title">直推间推用户的收益如何计算？</view>
			<view class="text">举个栗子：您是用户A，也是是初级推荐官身份，您的佣金奖励是用户实际付款的20%金额，如直推用户购买了月度会员10元，你将获得2元奖励，即10*20%=2元</view>
      <view class="title">怎么成为初级推荐官？</view>
			<view class="text">已付费购买校务行 | 督学刷题任意平台（包括专升本/四六级/普通话平台）的月度/季度/年度会员，即享有永久的初级推荐官身份</view>
      <view class="title">怎么成为高级推荐官？</view>
			<view class="text">先任意购买校务行 | 督学刷题平台会员成为初级推荐官，成为初级推荐官后，只需满足以下任意1个条件即可升级高级推荐官，①直推会员20人，②直销会员下单总金额达200元</view>
      <view class="title">初级高级之间区别是什么？</view>
			<view class="text">平台推荐官身份分初级分销官和高级分销官，后者是由前者晋升而来，二者分润比例不同，
				初级推荐官直推佣金为20%，间推佣金为5%；高级推荐官佣金为30%，间推佣金为10%，
				举个栗子：您是用户A，您邀请了B，B是你的直推用户，B如果购买了会员，您将获得B购买会员金额的20%，当B邀请了C用户，C用户是你的间推佣金，C用户购买了会员，您将获得C购买会员金额的20%</view>
    </view>
  </uni-popup>
</template>

<style scoped lang="scss">
.content {
  background: white;
  border-radius: 40rpx 40rpx 0 0;
  padding: 40rpx;
	max-height: 80vh;
	overflow: auto;
	position:relative;
  .header {
    display: flex;
    justify-content: flex-end;
		position: fixed;
		top: 0;
		left: 0;
		padding:40rpx;
		width:100vw;
		box-sizing: border-box;
		background: white;
    .close-btn {
      width: 30rpx;
      height: 30rpx;
    }
  }
	.header-placeholder{
		height: 30rpx;
	}
  .title {
    font-size: 32rpx;
    font-weight: 600;
    color: #333333;
    &:not(:first-child) {
			margin-top: 40rpx;
		}
  }
	.text{
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
		margin-top: 20rpx;
		line-height: 2;
	}
}
</style>
